<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }
    body {
        background: rgba(242,242,242,1);
    }
    .carousel-inner>.item>img {
        width: 100%;
        height: 350px;
    }
    .content-img {
        margin-top: 20px;
        border: 1px solid rgba(187,187,187,1);
        background: white;
    }
    .content-img p {
        margin: 0;
        border: none;
    }
    .show-img ul li {
        float: left;
        list-style: none;
        width: 250px;
        height: 250px;
        margin: 0 20px 10px 20px;
    }
    .show-img ul li img {
        width: 100%;
        height: 100%;
    }
    .con-border {
        background: white;
        margin: 20px 0;
        border: 1px solid rgba(187,187,187,1);
        height: 500px;
    }
    .title {
        color: rgba(142,22,20,1);
        font-size:22px;
        line-height:50px;
        margin: 0 -15px;
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }
    .title>i {
        margin: 0 10px;
    }
    .title-btn {
        color:rgba(142,22,20,1);
        float: right;
        margin: 3px 15px;
    }
    .text {
        font-size:18px;
        text-indent: 1em;
    }


    .content-center {
        line-height:40px;
        font-size:16px;
        max-height: 360px;
        overflow: hidden;
        width: 100%;
    }
    .content-center a {
        color: rgba(16,16,16,1);
    }
    .content-center>p {
        width: 100%;
        border-bottom: 1px solid rgba(187,187,187,1);
    }
    .content-center>ul>li {
        height: 40px;
        width: 100%;
        border-bottom: 1px solid rgba(187,187,187,1);
        list-style: none;
        overflow: hidden;
    }
    .con-time {
        text-align: center;
    }
    .con-time>i {
        color: red
    }
    .content-bottom {
        bottom: 0;
        position: absolute;
        text-align: center;
    }

</style>
<body>
<div class="container-fluid myTopFix">
    <div class="container myContainer">
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">
                        <img src="./img/logo.png" >
                        <p class="hidden-xs">广东岭南职业技术学院</p>
                    </a>
                </div>

                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <li id="topFixed"><img src="img/bulb.png"/></li>
                        <li><a href="#">个人介绍</a></li>
                        <li><a href="ReviseInfo.html">报名</a></li>
                        <li><a href="Login.html">登录</a></li>
                        <form class="navbar-form navbar-right">
                            <div class="form-group">
                                <i class="glyphicon glyphicon-search"></i>
                                <input type="text" class="form-control" placeholder="搜索">
                            </div>
                        </form>
                    </ul>
                </div>
            </div>
        </nav>
    </div>

</div>
<div class="container">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators hidden-xs">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            <li data-target="#carousel-example-generic" data-slide-to="4"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="img/banner.jpeg" alt="...">
            </div>
            <div class="item">
                <img src="img/banner.jpeg" alt="...">
            </div>
            <div class="item">
                <img src="img/banner.jpeg" alt="...">
            </div>
            <div class="item">
                <img src="img/banner.jpeg" alt="...">
            </div>
            <div class="item">
                <img src="img/banner.jpeg" alt="...">
            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<div class="container content-img">
    <div class="row">
        <div class="col-md-12">
            <p class="title"><i class="fa fa-trophy" aria-hidden="true"></i>大赛领导小组<a href="#" class="title-btn"><i class="glyphicon glyphicon-option-horizontal"></i></a></p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 show-img">
            <ul>
                <li><a href="Projectshow-1.html"><img src="img/fineWords.png" alt=""></a></li>
                <li><img src="img/fineWords.png" alt=""></li>
                <li><img src="img/fineWords.png" alt=""></li>
                <li><img src="img/fineWords.png" alt=""></li>
            </ul>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="col-md-12 con-border">
                <p class="title"><i class="fa fa-user"></i>大赛领导小组</p>
                <br>
                <div class="row text">
                    <p>(一)组委会</p>
                    <p>组长:<span></span></p>
                    <p>副组长:<span></span></p>
                    <p>组员:<span></span></p>
                </div>
                <br>
                <div class="row text">
                    <p>(一)工作小组</p>
                    <p>组长:<span></span></p>
                    <p>副组长:<span></span></p>
                    <p>组员:<span></span></p>
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <div class="col-md-12 con-border">
                <p class="title"><i class="fa fa-newspaper-o"></i>大赛动态<a href="Details-2.html" class="title-btn"><i class="glyphicon glyphicon-option-horizontal"></i></a></p>
                <div class="row">
                    <div class="content-center">
                        <ul>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="Details-1.html">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                            <li><span class="con-time col-md-3"><i class="fa fa-rss"></i>&nbsp;时间</span><a href="#">关于举办第七届"金点子"创新大赛的通知(院综1448)</a></li>
                        </ul>
                    </div>
                    <div class="row">
                        <div class="content-bottom col-xs-12">
                            <nav aria-label="Page navigation">
                                <ul class="pagination">
                                    <li>
                                        <a href="#" aria-label="Previous">
                                            <span aria-hidden="true">&laquo;</span>
                                        </a>
                                    </li>
                                    <li class="active"><a href="#">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li>
                                    <li>
                                        <a href="#" aria-label="Next">
                                            <span aria-hidden="true">&raquo;</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



</body>
</html>